body{padding-bottom: 150px!important;}

/*头部*/
.eui-header{height: 140px; z-index: 999;}
.eui-nav .sub3{width: auto; margin: 0; left: auto; right: -115px;}
.eui-nav .sub4{width: auto; margin: 0; left: auto; right: -22px;}


/*底部*/
.eui-footer{position: absolute; bottom: 0; width: 100%; height: 150px!important; padding-top: 15px!important; overflow: hidden; z-index: 1;}
.footer-pic img{width: 100px;}
.footer-info span{color: #333; line-height: 30px; height: 30px;}
.footer-info span a{color: #333;}
.footer-info span a:hover{color: #00458a; text-decoration: underline;}
.footer-info .beian a{line-height: 30px; height: 30px;}
.footer-info .beian a:hover{color: #00458a;}

.foot12398 img{height: 96px;}

.pub-con+.eui-footer{border-top: 1px solid #00458a; padding-top: 25px;}
.eui-container-in+.eui-footer{padding-top: 25px;}

.index-panel{padding-bottom: 12px;}
.index-panel ul{width: 1280px; margin-bottom: 12px;}
.index-panel li{display: inline-block; width: 412px; margin-left: 12px;}
.index-panel li:first-child{margin: 0;}
.index-panel li a{position: relative; width: 412px; height: 165px; padding-top: 60px; padding-left: 30px; overflow: hidden; display: block; color: #fff; background: #215592; -webkit-transition: ease-out .5s; transition: ease-out .5s;}
.index-panel li a:before{content: "MORE+"; position: absolute; filter:alpha(opacity=0); opacity: 0; bottom: 0; right: 35px; line-height: 50px; color: #fff; font-size: 16px; font-family: arial; z-index: 2; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s;}
.index-panel li a:hover:before{right: 15px; opacity: 1;}
.index-panel li a:hover{padding-top: 30px;}
.index-panel li h2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); -webkit-transition: ease-out 2s; transition: ease-out 2s;}
.index-panel li a:hover h2{filter:alpha(opacity=50); opacity:.5; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
.index-panel li i{position: relative; float: left; width: 45px; height: 45px; margin-right: 12px; background: url(../images/index-yw.png) no-repeat;}
.index-panel span{position: relative; display: block; font-family: simhei; font-size: 24px; line-height: 30px; letter-spacing: 1px;}
.index-panel li em{position: relative; font-family: arial; font-size: 16px;}

.index-panel .item1 h2{background: url(../images/yw1.jpg) no-repeat left;}
.index-panel .item2 h2{background: url(../images/yw2.jpg) no-repeat bottom;}
.index-panel .item3 h2{background: url(../images/yw3.jpg) no-repeat right;}

.index-panel .item1 i{background-position: 0 0;}
.index-panel .item2 i{background-position: 0 -45px;}
.index-panel .item3 i{background-position: 0 -90px;}

.index-panel .more a{position: relative; display: block; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #fff;}
.index-panel .more h2{margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/yw4.jpg) no-repeat;}
.index-panel .more span{ font-size: 16px; font-family: arial,simhei; line-height: 50px; letter-spacing: 1px;}


.index-photo{margin-top: 30px; margin-bottom: -10px;}
.index-photo .hd a{height:220px; line-height:180px;}
.index-photo .bd{width: 896px; margin: 0 auto; overflow: hidden;}
.index-photo .bd a{display: block; width: 275px;}
.index-photo .bd img{display: block; width: 275px; height: 180px;}

.contact-info .map{display: inline-block; margin-top: 12px; padding: 2px; border: 1px solid #ccc; background: #fff;}
.contact-info .map iframe{display: block;}

.zzjg{position: relative; width: 640px; height: 600px; font-family: simhei; background: url(../images/zzjg.png) no-repeat;}
.zzjg b{position: absolute; display: table; padding: 10px; font-size: 16px; color: #00579b;}
.zzjg b i{display: table-cell; text-align: center; vertical-align: middle; font-style: normal;}
.zzjg span{display: block; line-height: 24px; font-size: 14px; white-space: nowrap;}
.zzjg .item1{position: absolute; top: 0; left: 0; width: 220px; height: 345px; padding: 30px 42px 0 0;}
.zzjg .item1 b{bottom: 0; right: 0; width: 102px; height: 102px;}
.zzjg .item1 span{text-align: right;}
.zzjg .item2{position: absolute; top: 0; left: 279px; padding: 30px 0 0 195px;}
.zzjg .item2 b{top: 94px; left: 0; width: 120px; height: 120px;}
.zzjg .item3{position: absolute; top: 370px; left: 220px; padding: 20px 0 0 175px;}
.zzjg .item3 b{top: 41px; left: 0; width: 81px; height: 81px; font-size: 14px;}


.about-img{float: right; margin: 6px 8px 10px 30px!important;}